<!-- 修改签名界面 -->
<template>
	<view class="title">
		<view class="u-page">
			<!-- 自定义导航栏 -->
			<view>
				<u-navbar title="修改签名" @leftClick="leftClick" @rightClick="rightClick" bgColor="#FFFFFF" rightIcon="保存" height="40">
				</u-navbar>
			</view>
			<!-- 提示文字 -->
			<view>
				<u-gap height="40" bgColor="#909399"></u-gap>
				<p style="text-indent: 10px;">字数不超过20个汉字</p>
			</view>
			<!-- 签名输入框 -->
			<view class="uni-textarea">
						<textarea placeholder-style="color:#A6A6A6" :placeholder="txt" :v-text="txt" :maxlength="maxNum" @input="GetNumber" />
						<view class="text-count">{{inputNum}}/{{maxNum}}</view>
					</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		created() {
			/*用户详情*/
		    this.UserAll();
		  },
		data() {
			return {
				maxNum:20, //最多输入字数
				inputNum:0, //已输入的字数
				txt:'null',//签名输入框默认值
				users:{//修改对象(修改签名属性)
					userId:"",//参数1:用户id
					userAutograph:'',//参数2:签名
				},
			}
		},
		onLoad() {

		},
		methods: {
			/* 用户详情 */
			UserAll() {
				//根据token获取当前登录用户信息
				uni.$u.http.post('http://localhost:8090/login/User/selectById',sessionStorage.getItem("token")).then(res => {
					//修改对象(修改签名属性)用户id赋值
					this.users.userId=res.data.object.userId;
					//签名输入框默认值替换为当前用户签名
					this.txt=res.data.object.userAutograph;
				})
			},
			/* 获取签名输入框内容 */
			GetNumber(e) {
				//当前已输入字数
				this.inputNum = e.detail.cursor;
				this.txt=e.detail.value;
			},
			/* 顶部导航栏右侧按钮点击事件 */
			rightClick(){
				//存储修改对象(修改签名属性)签名
				this.users.userAutograph=this.txt;
				//修改签名
				console.log(this.users)
				uni.$u.http.post('http://localhost:8090/login/User/updateUser',this.users).then(res => {
						if(res.data.object.state){
						console.log(res.data.object.msg);
					}
				});
				// //跳转回个人资料界面
				// uni.redirectTo({
				// 	url: '../me/personalData'
				// });
			},
			/* 顶部导航栏左侧按钮点击事件 */
			leftClick() {
				//跳转回个人资料界面
				uni.redirectTo({
					url: '../me/personalData'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	page {
		height: 100%
	}

	.title {
		position: relative;
		background-color: #F5F5F5;
		height: 100%;
	}
	.uni-textarea {
			height: 200rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			margin: 0 auto;
			.text-count {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #A6A6A6;
				text-align: right;
				margin-right: 20rpx;
			}
	 
			uni-textarea {
				width: 100%;
				height: 160rpx;
				box-sizing: border-box;
				padding: 20rpx 24rpx 0rpx 20rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: black;
				line-height: 40rpx;
			}
		}
</style>